Secciones y Líneas generales de un documento HTML5

Estructura de un HTML5

HTML5 ofrece nuevas etiquetas para la maquetación de las páginas web y esto a su vez le brinda una mejor estética a la hora de diseñar nuevos proyectos, ya que las mismas estan identificadas de maneras especifica con etiquetas puntuales que le indican a los navegadores donde se encuentra ubicado cada espacio en el proyecto.

De igual forma estas nuevas etiquetas permiten al programador principiante un mejor entendimiento y una mejor organización a la hora de como debe diseñar y en donde se ubica cada parte de la página web.

Mi meta es explicar de una forma sencilla estas nuevas etiquetas que nos ofrece html5.


Etiqueta de Header

La etiqueta HEADER se utiliza par indentificar la cabecera de nuestro documento, generalmente esta contiene dentro de sí el nombre de la empresa, persona, o institución para la cual se diseño el proyecto web así mismo el logo de dicho proyecto.

Es posible, dependiendo del gusto del cliente o del programador que la etiqueta header no sea la primera de la página web sino la segunda.


La etiqueta NAV se utiliza para indicarle al al navegador que allí se encuetra el menu de navegación a las diferentes secciones o páginas de nuestro proyecto, semanticamente es la segunda etiqueta aunque algunas veces la podemos encontrar como la primera etiqueta de estructura o anidada en el header.


Etiqueta Section

De igual forma html5 dispone de una etiqueta para organizar las seccioens principales de nuestros proyectos, esta etiqueta es SECTION y dentro de ella van las diferentes informaciones de nuestra pagina, su numero es ilimitado es decir podemos utilizar las que consideremos necesarias según las necesidades de nuestro proyecto.


Etiqueta Article

La etiqueta ARTICLE es utilizada para organizar dentro de las SECTION los diferentes articulos que pudieramos tener en nuestro proyecto, al igual que las secciones no tiene un número definido para ser utilizadas


Etiqueta Aside

Pala las informaciones laterales o las columnas que se colocan en algunas págians esta pensada la etiqueta ASIDE, la misma puede estar ubicada tanto a la derecha o la izquierda, incluso pueden estar a ambos lados de la página, esto quedaría de parte del diseñador.


Etiqueta Footer

Para colocar la informacion del dueño de la página, el autor, los derechos de copyright ó cualquier otra información que se crea conveniente es utilizada la etiqueta FOOTER, la misma va al final de la página.

Aunque es común en algunos proyectos la utilización de esta etiqueta como pie de página en secciones y artículos